<template>
    <div class="factory-order">
        <div class="f-header">
            <div class="prize-box">
                <prize></prize>
            </div>
            <div class="current-box">
                <current></current>
            </div>
        </div>
        <div class="f-body">
            <div class="unit">
                <div class="bets">
                    <unit></unit>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import Prize from '../../../components/lottery/prize'
    import Current from '../../../components/lottery/current'
    import Push from '../../../components/lottery/push'
    import Unit from '../../../components/lottery/unit'
    export default {
        name: "index",
        components: {
            Prize,
            Current,
            Push,
            Unit
        }
    }
</script>

<style scoped lang="less">
    @import "../../../assets/css/bases";
    .factory-order {
        display: flex;
        flex-direction: column;
        justify-content: stretch;
        align-items: stretch;
        height: 100%;
        .f-header {
            .prize-box {
                padding: 10px 5px;
            }
        }
        .f-body{
            flex: 1;
            position: relative;
            .unit{
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                overflow-x: hidden;
                overflow-y: auto;
                background: #484e5a;
                .bets {
                    margin: 10px;
                }
            }
        }
    }
</style>